<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>CSS实现中英文切换导航效果</title>
	<link rel="stylesheet" href="./style.css">
	</style>
</head>

<body>
	<div>
		<ul>
			<li class="item"><a href="#" class="a1 active"><em>Home</em><span>首页</span></a></li>
			<li class="item">
				<a href="#" class="a1"><em>Blog</em><span>博客</span></a>
				<ol>
					<li><a href="#"><em>Blog-1</em><span>博客1</span></a></li>
					<li><a href="#"><em>Blog-2</em><span>博客2</span></a></li>
					<li><a href="#"><em>Blog-3</em><span>博客3</span></a></li>
					<li><a href="#"><em>Blog-4</em><span>博客4</span></a></li>
				</ol>
			</li>
			<li class="item"><a href="#" class="a1"><em>guestbook</em><span>留言板</span></a></li>
			<li class="item"><a href="#" class="a1"><em>Pickbar</em><span>展示栏</span></a></li>
			<li class="item"><a href="#" class="a1"><em>fansir</em><span>爱好</span></a></li>
	</div>

	<script type="text/javascript" src="jquery-3.4.1.js"></script>
	<script src="./index.js"></script>
</body>

</html>